<template>
  <div>
    <a-row :gutter="10">
      <a-col :span="5">
        <div class="scroll pr5" :style="{height:`${winHeight-160}px`}">
          <div
            class="step"
            :class="{'curr':i===currIndex}"
            v-for="i in 10"
            :key="i"
            @click="currIndex=i">
            <div>环节：数量单制单</div>
            <div>状态：已完成</div>
            <div>处理人：任娜</div>
            <div>处理时间：2025/03/11 12:30:40</div>
            <div class="flx-b">
              <a-button type="primary" size="small">按钮</a-button>
              <a-button type="primary" size="small">按钮</a-button>
              <a-button type="primary" size="small">按钮</a-button>
              <a-button type="primary" size="small">按钮</a-button>
            </div>
          </div>
        </div>
      </a-col>
      <a-col :span="19">
        <div class="scroll bg-white" :style="{height:`${winHeight-160}px`}">
          <HandleIndex isAdmin></HandleIndex>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import HandleIndex from '@/views/autoflow/handle/Index'
export default {
  components: {
    HandleIndex
  },
  data () {
    return {
      currIndex: 2
    }
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
  .step{
    background:#ebc495;
    padding:10px;
    border-radius:3px;
    margin-bottom:10px;
    cursor:pointer;
    &.curr{
      background:#88da5b;
    }
  }
</style>
